<template>
    <city-header></city-header>
    <city-list :hot-cities="hotCities" :cities="cities"></city-list>
</template>
<script>
import CityHeader from './components/Header'
import CityList from './components/List'
export default {
    name:'city',
    components:{
        'city-header':CityHeader,
        'city-list':CityList
    },
    data(){
        return{
            hotCities:[],
            cities:{}
        }
    }
}
</script>